---
image: /generated/articles-docs-player-index.png
title: '@remotion/player'
---

import {PlayerExampleWithControls} from '../../components/PlayerExampleWithControls';
import {PlayerTableOfContents, PlayerGuide} from './TableOfContents';

Using the Remotion Player you can embed Remotion videos in any React app and customize the video content at runtime.

## Demo

Play the video, then tweak the parameters below the video.

<PlayerExampleWithControls />

See the [source code](https://github.com/remotion-dev/remotion/blob/main/packages/docs/components/PlayerExampleWithControls.tsx) for this example.

## Templates

The following templates include the Player and Lambda rendering and are a good starting point for building a video app:

- [Next.js (App dir)](/templates/next)
- [Next.js (App dir + TailwindCSS)](/templates/next-tailwind)
- [Next.js (Pages dir)](/templates/next-pages-dir)
- [React Router 7 (Remix)](/templates/react-router)

## API

<PlayerTableOfContents />

## Guide

<PlayerGuide />

## See also

- [Installation](/docs/player/installation)
- [API](/docs/player/player)
